<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<!--自动检测屏幕大小-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

	<title></title>
	<link rel="stylesheet" type="text/css" href="js/bootstrap.css"/>
		<script src="js/jquery-3.2.0.min.js"></script>
		<script src="/js/bootstrap.js"></script>

	<style type="text/css">
		.container,.container-fluid{
			background: darkgray;
		}	
	</style>	
</head>
<body>
		<div class="container">    
			<h1 class="page-header">...page-header 标题下面自带分割线</h1>
			<hr />
			
			<p class="lead"> ...lead 中心内容，可以让段落突出显示，每个段落自带段落间距</p>
			<hr />

			<mark>mark标记</mark><br />
			<del>del删除线</del><br />
			<ins>ins下划线</ins><br />
			<h3>常规字体 <small>small小号字体，比原来小一号，颜色灰色</small></h3>
			<hr />

			<p class="text-left">.text-left文本靠左对齐</p>
			<p class="text-center">.text-center文本居中对齐</p>
			<p class="text-right">.text-left文本靠右对齐</p>
			<hr />
			
			<p style="color: orangered">文本大小写</p>
			<p class="text-lowercase">...text-lowercase 小写</p>
			<p class="text-uppercase">...text-uppercase 大写</p>
			<p class="text-capitalize">...text-capitalize 单词首字母大写</p>
			<hr /><hr />
			
			
			<p style="color: orangered">列表</p>
			<ul class="list-unstyled">
				<li>...list-unstyled无样式列表</li>
				<li>...list-unstyled无样式列表</li>
			</ul>
			<hr />
			
			<ul class="list-inline">
				<li>...list-inline 将ul列表排成一行</li>
				<li>...list-inline 将ul列表排成一行</li>
			</ul>
			<hr />
			
			<dl class="dl-horizontal">
				<dt>dl-horizonta 描述,自定义列表</dt>
				<dd>可以让 dl 内的短语及其描述排在一行。开始是像 dl 的默认样式堆叠在一起，随着导航条逐渐展开而排列在一行。</dd>
				<dt>dl-horizonta 描述，自定义列表</dt>
				<dd>可以让 dl 内的短语及其描述排在一行。开始是像 dl 的默认样式堆叠在一起，随着导航条逐渐展开而排列在一行。</dd>
			</dl>
			<hr /><hr />
			
			
			
		</div>

	</body>
</html>

